<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta name="keywords" content="杨明坡,个人网站,学习,简历,前端工程师">
        <meta name="discription" content="熟悉Web前端技术，掌握Bootstrap,Angular,Vue流行框架,熟练应用CSS3/HTML5/DOM/BOM/javascript/Ajax等前端技术写出符合W3C规范符合Web语义化代码">
         <link rel="shortcut icon" href="images/bitbug_favicon (2).ico"  type="image/x-icon"/>
        <link rel="stylesheet" type="text/css" href="./font/iconfont.css">
         <link rel="stylesheet/less" href="css/index.less">
        <link rel="stylesheet" href="   css/index.css">
        <link rel="stylesheet" href="css/base.css">
        <script src="js/less.js"></script>
        <script src="js/jquery.js"></script>
        <title>个人网站</title>
    </head>
    <body>
    <div class="video">
      <video src="images/working.mp4" autoplay loop></video>
    </div>
    <div class="background_1">
        <div class="content">
          <div class="top">
              <img src="images/click_here_arrow.png" class="hint">
              <div class="log">
                  <a href="javascript:;">
                      <h1>
                          <img src="images/logo.png">
                      </h1>
                  </a>
              </div>
              <div class="title"></div>


          </div>
            <section class="ctrl">

                <div class="about  first">About</div>
                <div class="about  second"><a href="城市风景/index.html">城市风景</a></div>
                <div class="about"><a href="照片墙/index.html">照片墙</a></div>
                <div class="about fourth"><a href="mailto:18106313176@163.com">交个朋友</a></div>
                <div class="music">
                    <i class="iconfont icon-icon-copy" id="down"></i>
                    <i class="iconfont icon-icon-double-arrow-up" id="up"></i>
                    <i class="audio">
                        <img src="images/audio_on.gif" alt="">
                    </i>
                    <i class="iconfont icon-cha exit"></i>
                </div>
            </section>
            <section class="first_1">

            </section>
            <audio src="images/bg.mp3" autoplay loop></audio>
        </div>
    </div>

    </body>
    <!--预加载-->
    <script>

        $(document).ready(function() {
            setTimeout(function() {

                $('.wrapper').addClass('loaded');
            }, 5000);

        });
    </script>
    <script src="js/index.js"></script>
</html>